<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>个人中心</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/iconfont.css" />
		<link rel="stylesheet" href="../css/default.css" />
		<link rel="stylesheet" href="../css/me.css" />

	</head>

	<body>
		<div class="mui-content">
			<div class="me_pic_bg mui-bar-nav">
				<a href="#bottom_popup"><i class="icon iconfont icon-tianjia1 mui-icon mui-pull-right"></i></a>

			</div>
			<div class="me_nav_tab">
				<div>动态</div>
				<div>相册</div>
				<div>留言</div>
				<div>关注</div>
			</div>
			<div class="me_nav_tab_num">
				<div>11</div>
				<div>22</div>
				<div>33</div>
				<div>44</div>
			</div>
			<div class="me_nav_tab_line clearfix">
				<div></div>
				<div></div>
				<div></div>
			</div>
			<div class="hr_line"></div>
		</div>
		<div id="bottom_popup" class="mui-popover mui-popover-action mui-popover-bottom">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#">拍照或录像</a>
				</li>
				<li class="mui-table-view-cell">
					<a href="#">选取现有的</a>
				</li>
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell">
					<a href="#bottom_popup"><b>取消</b></a>
				</li>
			</ul>
		</div>
		<script src="../js/mui.min.js" /script sr>
			<script>
			mui('body').on('tap', '.mui-popover-action li>a', function() {
			var a = this,
				parent;
			//根据点击按钮，反推当前是哪个actionsheet
			for (parent = a.parentNode; parent != document.body; parent = parent.parentNode) {
				if (parent.classList.contains('mui-popover-action')) {
					break;
				}
			}
			//关闭actionsheet
			mui('#' + parent.id).popover('toggle');
			
		})
		</script>
	</body>

</html>